@charset "utf-8";
/* CSS Document */
@import url("zx-dialog.css");
@import url("zx-icons.css");
@import url("font-zx/zxfont.css"); /*引入新增的图标字体（zxfont）*/

/*=====全局样式========================================*/
.position-re {position: relative}
.position-ab {position: absolute}
.position-fix {position: fixed}
.big {font-size: 1.3em}
.position-re>.position-ab.text-right {
	right:0;
	z-index: 20
}
@media (max-width: 767px) {
	.position-re>.position-ab.text-right {
	    right: 10px
	}
}
.bg-f5f5f5 {background-color: #f5f5f5 !important}
.margin-left {margin-left: 15px !important}
.margin-top5 {margin-top: 5px}
.margin-top15 {margin-top: 15px}
.strong {font-weight: 700 !important}
input.minimal[type="checkbox"], 
input.minimal-blue[type="checkbox"], 
input.minimal-green[type="checkbox"], 
input.minimal-red[type="checkbox"] {
	margin-right: 5px;
	margin-top: 0
}
.margin0 {margin: 0 !important}
.min-w200 {min-width: 200px !important}
.height-au {height: auto !important}
.block {display: block !important}
.inblock{display:inline-block !important}
.with-border {border-bottom: 1px solid #ebebeb !important}
.overflow-y {overflow-y: auto !important;}
.clear {clear: both !important}
.textL {text-align: left !important}
.textR {text-align: right!important}
.nofloat {float: none !important}
.form-width{width:240px !important}
.form-width-copy{width:180px !important}
.music-width{width:630px !important }
.music-width{background-color:#fff !important }
.bg-color{background-color:#fff !important }
.music-label{padding-right:0 !important}
#uploadMusic a,#uploadMusic img{line-height:32px;padding-left:15px}
/*=====flex布局通用样式==========================*/
/*-flex列嵌套布局，项目高度与容器高度一致或撑开（实现stretch）-*/
.flex-colstretch {
	display: flex; 
	flex-direction: column; 
	align-items: stretch	
}
.flex-colstretch .item {
	flex-basis: 100%; 
	flex-grow: 1; 
	display: flex; 
	flex-direction: column; 
	align-items: stretch
}
.flex-colstretch .item.flex-button {
	flex-direction: column-reverse
}
@media (max-width: 767px) {
	.flex-colstretch {
		display: block
	}	
	.flex-colstretch .item {
		display: block
	}
	
}
.content.item {
	margin-left: 0;
	margin-right: 0
}
.content.item .container-fluid {
	margin-left: 0;
	margin-right: 0
}
/*-flex主轴居中排列-*/
.flex-rowcenter {
	display: flex;
	flex-direction: row;
	justify-content: center
}


/*=====<a>链接样式======================================*/
a.a-danger {
	color: #dd4b39 !important;
	text-decoration: none
}
a.a-danger:hover, 
a.a-danger:active, 
a.a-danger:focus {
	outline: none;	/*text-decoration: none;*/
	text-decoration: underline;
	color: #c9302c
}

/*-修改记住密码时的浏览器默认样式-*/
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
    -webkit-text-fill-color: #0154a4 !important;  
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
    background-color:transparent;  
    background-image: none;  
    transition: background-color 50000s ease-in-out 0s; /*背景色透明  生效时长  过渡效果  启用时延迟的时间  */
} 
.padding {padding: 15px !important}

/*=====页面基础布局=====================================*/
/*header头部*/
.main-header {
	border-bottom: none;
	background-color: #013473
}
.main-header .logo {
	/*border-right: 1px solid rgba(255,255,255,0.25)*/
}
.main-header .logo .logo-lg {
	text-align: left;
	padding-left: 15px
}
.main-header .logo .logo-lg>img.zx-logo {
	width: 4rem;
	height: 4rem;
	margin-right: 15px
}
.main-header .logo .logo-lg>img.system-name {
	width: 116px;
	height: 40px;
	background: url(../img/system/system-name.png) 0 0 no-repeat
}
.main-header .sidebar-toggle {
	position: relative;
	left: -33px;
	top: 35px
}
.skin-blue .main-header .navbar .sidebar-toggle {
	color: #ccc
}
.skin-blue .main-header .navbar .sidebar-toggle {font-size: 14px}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini img {width: 40%}
.skin-blue .main-header .navbar .dropdown-menu li a.logout.a-danger, 
.skin-blue .main-header .navbar .dropdown-menu li a.logout.a-danger:hover, 
.skin-blue .main-header .navbar .dropdown-menu li a.logout.a-danger:focus {
	background: #fff !important
}
@media (max-width: 767px) {
	.main-header .logo {
	    height: 50px;
	    line-height: 50px;
	    text-align: left;
	    border-bottom-color: transparent !important
	}
	.main-header .system-name {
	    left: 78px
	}
	.main-header .sidebar-toggle {
	    top: 0;
	    left: 0;
	    color: rgba(255,255,255,.6) !important
	}
	.main-header .logo .logo-lg>img.zx-logo {
		width: 3rem;
		height: 3rem
	}
	.main-header .logo .logo-lg>img.system-name {
		width: 211px;
		height: 18px;
		background: url(../img/system/system-name-ho.png) 0 0 no-repeat
	}
	.navbar-nav>li>a {
	    margin-top: 0;
	    margin-bottom: 5px
	}
	.navbar-custom-menu .navbar-nav>li.user>a {
		padding-top: 12px;
		padding-bottom: 6px
	}
	
}
.skin-blue .main-header .navbar .nav>li>a>.zxfont,
.skin-blue .main-header .navbar .nav>li>a>.fa {
	font-size: 16px
}
/*-breadcrumb面包屑-*/
.content-header>.breadcrumb>li {
	color: #a2a4a6
}
.content-header>.breadcrumb>li.active {
	color: #333
}
/*-content-header 页面标题 样式-*/
h1.page-name {
	border-bottom: 4px solid #0154a4;
	padding-bottom: 1.0rem
}

/*左侧菜单栏*/
.main-sidebar {
	top: 70px !important;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px
}
.sidebar-collapse .main-sidebar {
	padding-left: 0px;
	padding-right: 0px
}
.skin-blue .sidebar .sidebar-menu>li>a {
	border-radius: 3px;
	color: #ccc;
	text-decoration: none
}
.sidebar-collapse.skin-blue .sidebar .sidebar-menu>li>a {
	/*background-color: #1b2737*/
}
.skin-blue .sidebar .sidebar-menu>li>a:hover, 
.skin-blue .sidebar .sidebar-menu>li.active>a, 
.skin-blue .sidebar .sidebar-menu>li.active>a:hover {
	background-color: #0154a4;
	color: #fff;
	text-decoration: none
}
.skin-blue .sidebar .sidebar-menu>li>a:hover>i, 
.skin-blue .sidebar .sidebar-menu>li.active>a>i, 
.skin-blue .sidebar .sidebar-menu>li.active>a:hover>i {
	color: #fff
}
.sidebar-menu>li>a {
	text-align: left;
	padding-left: 1rem;
	height: 46px;
	font-size: 14px
}
.sidebar-menu>li>a>.fa {
	width: auto !important;
	margin-right: 10px;
	font-size: 20px
}
.sidebar-menu>li>a>.zxfont {
	width: auto !important;
	margin-right: 10px;
	font-size: 20px
}
.sidebar-menu>li>a>.menuFont {
	display: block;
	margin-top: 5px
}
.skin-blue .sidebar-menu>li>a>span>.fa-angle-right {color: rgba(204,204,204,1.0)}
.skin-blue .sidebar-menu>li:hover>a>span>.fa-angle-right, 
.skin-blue .sidebar-menu>li.active>a>span>.fa-angle-right {
	color: rgba(255,255,255,1.0)
}
.sidebar-menu>li:hover>a>span>.fa-angle-right, 
.sidebar-menu>li.active>a>span>.fa-angle-right {
	transition-duration: 500ms;
	transition-property: color;
	transition-timing-function: ease;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: color;
	-webkit-transition-timing-function: ease
}
.sidebar-menu>li:hover>a, 
.sidebar-menu>li.active>a {
	transition-duration: 500ms;
	transition-property: width, background, border;
	transition-timing-function: ease;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: width, background, border;
	-webkit-transition-timing-function: ease
}


/*==左侧浮动菜单===========================================================*/
.float-menu {
	position: fixed; 
	left: 114px; 
	top: 71px; 
	z-index: 20; 
	background: rgba(37,50,73,0.95); 
	width: auto; 
	min-height: 100px;
	border-radius: 0 6px 6px 0 !important;
	/*display: none*/
}
.float-menu.container {padding: 0;}
.float-menu ul {
	margin: 0; 
	padding: 0;
	list-style: none
}
.float-menu ul li {padding-left: 20px}
.float-menu>ul>li {
	position: relative;
	width: 220px
}
.float-menu>ul>li {padding-bottom: 20px}
.float-menu>ul {
	position: relative;
	margin: 10px 0
}
.float-menu>ul>li:hover {
	background: rgba(37,50,73,1.0); 
	cursor: pointer
}
.float-menu>ul>li:hover {
	transition-duration: 500ms;
	transition-property: width, background;
	transition-timing-function: ease;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease
}
.float-menu>ul>li.float-menu-con.active, 
.float-menu > ul > li.float-menu-con.active:hover {
	background: rgba(49,64,90,1.0);
	cursor: default
}
.float-menu>ul>li.float-menu-con.active, 
.float-menu > ul > li.float-menu-con.active:hover {
	transition-duration: 500ms;
	transition-property: width, background;
	transition-timing-function: ease;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease
}
.float-menu>ul>li a {
	display: block;
	line-height: 32px;
	color: #FFF;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none
}
.float-menu>ul>li:hover a {color: #78a7ff}
.float-menu>ul>li p.menu-info {
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre-wrap;
	color: #999;
	margin-right: 10px;
	padding: 0
}
.float-menu>ul>li a:hover {color: #fff}
.float-menu>ul>li>a>span>.fa-angle-right {
	color: rgba(120,167,255,0.0)
}
.float-menu>ul>li:hover>a>span>.fa-angle-right, 
.float-menu>ul>li.active>a>span>.fa-angle-right {
	color: rgba(120,167,255,1.0)
}
.float-menu>ul>li:hover>a>span>.fa-angle-right, 
.float-menu>ul>li.active>a>span>.fa-angle-right {
	transition-duration: 500ms;
	transition-property: color;
	transition-timing-function: ease;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: color;
	-webkit-transition-timing-function: ease
}
.float-menu>ul>li a i.square {
	width: 3px !important;
	height: 3px;
	display:inline-block;
	background-color: #fff;
	margin-right: 10px;
	position: relative;
	top: -3px
}
.float-menu>ul>li:hover a i.square {
	background-color: #78a7ff
}
.float-menu .float-submenu {
	position: absolute; 
	top: -1px; 
	left: 220px; 
	width: 220px; 
	/*display: none; */
	/*background: #575757;*/ 
	white-space: nowrap
}
.float-menu .float-submenu>ul>li {
	background: rgba(37,50,73,0.55);
	margin-left: 5px;
	margin-bottom: 5px;
	border-radius: 6px !important
}
.float-menu .float-submenu>ul>li a {
	color: #fff; 
	line-height: 32px;
	text-decoration: none
}
.float-menu .float-submenu>ul>li a i {
	width: 3px !important;
	height: 3px;
	display: inline-block;
	background-color: #fff;
	margin-right: 10px;
	position: relative;
	top: -3px
}
.float-menu .float-submenu>ul>li:hover a i {
	background-color: #fff
}
.float-menu .float-submenu>ul>li:hover {
	background: rgba(71,120,199,1.0);
	cursor: pointer
}
.float-menu .float-submenu>ul>li:hover {
	transition-duration: 500ms;
	transition-property: width, background;
	transition-timing-function: ease;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease
}
.float-menu .float-submenu>ul>li:hover a {color: #fff}
.float-menu ul li a {cursor: pointer}
.float-menu>ul>li.float-menu-con.active {
	/*background: #575757*/
}
.float-menu>ul>li.float-menu-con.active>a {
	color: #78a7ff;
	cursor: default
}
.float-menu>ul>li.float-menu-con.active p.menu-info {color: #999}
#sidebar .float-menu ul>li>a .arrow {
	float: left;
	margin-right: 10px
}
#sidebar .float-menu ul>li:hover>a .arrow {border-left: 4px solid #78a7ff}
#sidebar .float-menu>ul>li.float-menu-con.active>a .arrow {border-left: 4px solid #78a7ff}

/*底部版权声明*/
footer.main-footer {font-size: 13px}
footer.main-footer a {
	color: #7bb0ff;
	text-decoration: none
}
footer.main-footer a:hover {
	color: #7bb0ff;
	text-decoration: underline
}

/*--box盒子样式--*/
.box-header {
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}
.box.box-success .box-header,  
.box.box-info .box-header {
	border-top:0
}

.box.box-primary .box-header {
	border-bottom: 1px solid #0154a4
}
.box, .box.box-success, .box.box-primary, .box.box-info {
	/*border-left: 1px solid rgba(255,255,255,0.30);
	border-right: 1px solid rgba(255,255,255,0.30);
	border-bottom: 1px solid rgba(255,255,255,0.30)*/
}
.box.box-bordered {
	border: 1px solid #ebebeb
}

/*==form表单样式====================================================================*/
.form-control {cursor: pointer}
.bg-baseblock {background-color: rgba(0,0,0,0.25) !important}
.bootstrap-select>.dropdown-toggle {border-radius: 3px;}
.bootstrap-select>.dropdown-toggle.btn-default {
	background-color: #fff;
	border: 1px solid #ccc
}
.bootstrap-select>.dropdown-toggle.btn-default:hover,  
.bootstrap-select>.dropdown-toggle.btn-default:focus, 
.bootstrap-select>.dropdown-toggle.btn-default:active {
	background-color: #fff;
	border-color: #78a7ff;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)
}

.form-horizontal.zx-createform>.form-group {
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0
}
.form-horizontal.zx-createform>.form-group>div .margin-bottom {margin-bottom: 25px}
.form-horizontal.zx-createform>.form-group label.col-sm-3,
.form-horizontal.zx-createform>.form-group label.col-md-2,
.form-horizontal.zx-createform>.form-group label.col-lg-1 {
	padding-right: 0;
	padding-left: 5px
}
@media (max-width: 767px) {
	.form-horizontal.zx-createform>.form-group label.col-sm-3,
    .form-horizontal.zx-createform>.form-group label.col-md-2,
    .form-horizontal.zx-createform>.form-group label.col-lg-1 {
        padding-right: 15px;
        padding-left: 15px
    }
}
.icheckbox_minimal-blue {background-color: #fff !important}
.input-group .input-group-addon.zx-addon {
	border-color: transparent !important
}
/*- form group 样式 -*/
.form-group.read-only {}
.form-group.read-only label {
	color: #a2a4a6;
	padding-top: 1.5rem;
	white-space: nowrap
}
.form-group.read-only span {
	margin-left: 5px;
	padding-top: 1.5rem;
	white-space: nowrap
}

/*==table表格样式=============================================================================*/
.table>thead>tr>th {}
.bootstrap-table {margin: 10px}
    /*--表格滚动条--*/
.fixed-table-body::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	/*background-color: rgba(255,255,255,0.15)*/
}
.fixed-table-body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(87,92,97,0.3);
	border-radius: 100px;
	background-color: rgba(255,255,255,0.10)
}
.fixed-table-body::-webkit-scrollbar-thumb {
	/*-webkit-box-shadow: inset 0 0 6px rgba(87,92,97,0.3);*/
	border-radius: 100px;
	background-color: rgba(87,92,97,0.35)
}
.table>tbody>tr.primary>td, 
.table>tbody>tr.primary>th, 
.table>tbody>tr>td.primary, 
.table>tbody>tr>th.primary, 
.table>tfoot>tr.primary>td, 
.table>tfoot>tr.primary>th, 
.table>tfoot>tr>td.primary, 
.table>tfoot>tr>th.primary, 
.table>thead>tr.primary>td, 
.table>thead>tr.primary>th, 
.table>thead>tr>td.primary, 
.table>thead>tr>th.primary {
	background-color: #f5f5f5
}
.table-hover>tbody>tr.primary:hover>td, 
.table-hover>tbody>tr.primary:hover>th, 
.table-hover>tbody>tr:hover>.primary, 
.table-hover>tbody>tr>td.primary:hover, 
.table-hover>tbody>tr>th.primary:hover {
	background-color: #f5f5f5
}
/*特殊table（无纵向border，有背景色）*/
.zx-formtable {}
.table.zx-formtable {border-bottom: 1px solid #e6e6e6}
.table.zx-formtable>tbody>tr>td, 
.table.zx-formtable>tbody>tr>th, 
.table.zx-formtable>tfoot>tr>td {
	/*background-color: #f6f7fb*/
}
.table.zx-formtable>tbody>tr>th {border-bottom: 2px solid #e6e6e6}
.table.zx-formtable>tbody>tr>td input,
.table.zx-formtable>tbody>tr>td select {
	min-width: 40px;
	border-top: none; 
	border-left: none; 
	border-right: none; 
	border-bottom: 1px solid #c0c1c3; 
	border-radius: 0 !important
}
.table.zx-formtable>tbody>tr>td input:focus {
	border-bottom-color: #78a7ff
}
.table.zx-formtable>tbody>tr>td .input-group .input-group-addon {background-color: transparent}
.table-hover.zx-formtable>tbody>tr:hover>td, 
.table-hover.zx-formtable>tbody>tr:hover>th,  
.table-hover.zx-formtable>tbody>tr>td:hover, 
.table-hover.zx-formtable>tbody>tr>th:hover {
	background-color: transparent
}

/*-table中单元格td的悬浮框-*/
.suspend-box {
	position: absolute;
	/*原值 未将其注释*/
	/* bottom: 50px; */
	left: 10px;
	min-width: 200px;
	padding: 8px;
	color: #fff;
	border-radius: 6px;
	background-color: #78a7ff;
	background-clip: padding-box;
	box-shadow: 2px -2px 8px rgba(0,0,0,.2);
	-webkit-box-shadow: 2px -2px 8px rgba(0,0,0,.2);
	z-index: 500
}
.suspend-box>.arrow, 
.suspend-box>.arrow:after {
	position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.suspend-box>.arrow {
	bottom: -20px;
	left: 30px;
	margin-left: -11px;
	border-top-color: #78a7ff;
	border-bottom-width: 0;
	border-width: 10px
}
.suspend-box>.arrow:after {
	content: "";
	/*原值 border-width: 10px */
	border-width: 0px;
}
.suspend-box i.fa {margin-right: 0.5rem}

.suspend-box.dark {
	background-color: rgba(27,39,54,.7)
}
.suspend-box.dark>.arrow {
	border-top-color: rgba(27,39,54,.7)
}

@media screen and (max-device-width: 480px) {
	.suspend-box {
		position: fixed;
		width: auto;
		margin: 0 auto;
		left: 2rem;
		right: 2rem;
		bottom: 2rem
	}
	.suspend-box>.arrow, 
	.suspend-box>.arrow:after {
		display: none
	}
}

/*==btn按钮样式===============================================================================*/
.btnW-mini {width: 60px}
.btnW-small {width: 80px}
.btnW-medium {width: 110px}
.btnW-large {width: 200px}
.btn.btn-info {
	background-color: #78a7ff;
	border-color: #78a7ff !important
}
.btn.btn-info:hover, 
.btn.btn-info:focus {
	background-color: #6a9bf8;
	border-color: #6a9bf8 !important
}
.btn-dark {
	background-color: rgba(0,0,0,0.25);
	border-color: rgba(255,255,255,0.30)
}
.btn-dark:hover, 
.btn-dark:active, 
.btn-dark.hover {
	background-color: rgba(0,0,0,0.40);
	border-color: rgba(255,255,255,0.50)
}
.btn-hollow, 
.btn-hollow:visited, 
.btn-hollow:active {
	color: #0154a4 !important;
	background-color: #fff;
	border-color: #0154a4
}
.btn-hollow:hover, 
.btn-hollow.hover {
	color: #fff !important;
	background-color: #3f68b7;
	border-color: #3f68b7
}
.btn-toolgroup {
	color: #333;
	background-color: #fff;
	border-color: #a2a4a6
}
.btn-toolgroup:hover, 
.btn-toolgroup:active, 
.btn-toolgroup.hover {
	background-color: #f4f4f4;
	border-color: #a2a4a6
}
/*btn-group中的图标*/
.glyphicon {
	margin-right: 10px;
	font-size: 13px;
	font-weight: lighter !important
} 
/*表格下面页码栏btn*/
.btn.dropdown-toggle {
	border-radius: 6px
}
/*--table工具栏按钮样式--*/
.bootstrap-table .columns-right .btn-default {
	background-color: transparent !important;
	border-color: transparent !important
}
.bootstrap-table .columns-right .btn-default:hover {
	background-color: #f5f5f5 !important;
	border-color: #c0c1c3 !important;
	box-shadow: none	
}
.bootstrap-table .columns-right .btn-default.active.focus, 
.bootstrap-table .columns-right .btn-default.active:focus, 
.bootstrap-table .columns-right .btn-default.active:hover, 
.bootstrap-table .columns-right .btn-default:active.focus, 
.bootstrap-table .columns-right .btn-default:active:focus, 
.bootstrap-table .columns-right .btn-default:active:hover, 
.bootstrap-table .columns-right .open>.dropdown-toggle.btn-default.focus, 
.bootstrap-table .columns-right .open>.dropdown-toggle.btn-default:focus, 
.bootstrap-table .columns-right .open>.dropdown-toggle.btn-default:hover, 
.bootstrap-table .columns-right .open>.dropdown-toggle.btn-default {
	background-color: #f5f5f5 !important;
	border: 1px solid #c0c1c3 !important
}
.bootstrap-table .columns-right .btn-group.open .dropdown-toggle {
	/*background-color: rgba(0,0,0,0.25) !important;
	border: 1px solid rgba(255,255,255,0.30) !important;
	color: #fff !important*/
}
.bootstrap-table .columns-right .btn.focus, 
.btn:focus {
	/*color: #fff*/
}

button>i.fa, 
button>i.zxfont, 
a.btn>i.fa, 
a.btn>i.zxfont {
	margin-right: .5rem
}
a.btn.btn-default {text-decoration: none}
.user-footer a.btn {text-decoration:none}

/*=====dropdown样式=========================================================================*/
.dropdown-menu {
	border-color: #ddd !important;
	background-color: #f5f5f5;
	color: #595c61;
	font-size: 13px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1)
}
/*-dropdown滚动条-*/
.dropdown-menu::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	/*background-color: rgba(255,255,255,0.15)*/
}
.dropdown-menu::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(87,92,97,0.3);
	border-radius: 100px;
	background-color: rgba(255,255,255,0.10)
}
.dropdown-menu::-webkit-scrollbar-thumb {
	/*-webkit-box-shadow: inset 0 0 6px rgba(87,92,97,0.3);*/
	border-radius: 100px;
	background-color: rgba(87,92,97,0.35)
}


@media (max-width:767px) {
	.main-sidebar {
		top: 100px !important
	}
}
.content-header>h1 {color: #333}
.content-header>h1>small {color: #a2a4a6}

.nav-tabs-custom {
	/*border: 1px solid rgba(255,255,255,0.30);
	background-color: rgba(0,0,0,0.25)*/
}
.nav-tabs-custom>.nav-tabs>li.active>a {
	/*color: #78a7ff;
	border-color: transparent !important*/
}
.nav-tabs-custom>.nav-tabs {
	/*background-color: rgba(0,0,0,0.25)*/
}

.chat .item>.message {
	color: #ccc;
	font-weight: 200
}
.chat .item>.attachment>h4 {color: #fff}
.chat .item>.attachment>p, 
.chat .item>.attachment>.filename {color: #fff}
li.treeview {
	margin-top: 10px;
	border-radius: 3px !important
}
li.active.treeview {background-color: #0154a4}
.skin-blue .sidebar-form .btn {
	background-color: rgba(255,255,255,0.20);
	color: #fff !important
}

/*=====页码样式=====================*/
.pagination>li>a:hover {
	background-color: #f5f5f5;
	border-color: #c0c1c3;
	color: #333
}



/*=====tabs-left 左侧竖向tab页样式==========================================================================*/
.tabs-left {}
.nav-tabs.tabs-left {}
.tab-content.tabs-left {}
.tab-content.tabs-left {
	border: none;
	border-radius: 6px;
	background-color: #eef8ff;
	box-shadow: 0 2px 0 rgba(1,52,115,0.2);
	-webkit-box-shadow: 0 2px 0 rgba(1,52,115,0.2);
	padding: 15px;
	overflow-y: auto;
	overflow-x: hidden
}
.nav-tabs.tabs-left>li {
	float: none;
	padding-right: 5px
}
.nav-tabs.tabs-left>li.active {padding-right: 0}
.col-xs-12.tabs-left-content, 
.col-sm-12.tabs-left-content, 
.col-md-2.tabs-left-content {
	padding-right: 0;
	z-index: 50
}
.col-xs-12.tabs-right-content, 
.col-sm-12.tabs-right-content, 
.col-md-10.tabs-right-content {
	padding-left: 0;
	z-index: 10
}
.nav-tabs.tabs-left {border-bottom: none}
.nav-tabs.tabs-left>li>a {
	margin-right: -1px;
	margin-bottom: 8px
}
.nav-tabs.tabs-left>li>a {
	color: #333;
	border-radius: 6px;
	background-color: #f8f8f8;
	text-decoration: none;
	box-shadow: 0 2px 0 rgba(1,52,115,.2);
	-webkit-box-shadow: 0 2px 0 rgba(1,52,115,.2)
}
.nav-tabs.tabs-left>li.active>a, 
.nav-tabs.tabs-left>li.active>a:focus, 
.nav-tabs.tabs-left>li.active>a:hover {
	color: #333;
	text-decoration: none;	
	border: none;
	border-radius: 6px 0 0 6px;
	background-color: #eef8ff;
	box-shadow: 0 2px 0 rgba(1,52,115,0.2);
	-webkit-box-shadow: 0 2px 0 rgba(1,52,115,0.2)
}
.nav-tabs.tabs-left>li>a:focus, 
.nav-tabs.tabs-left>li>a:hover, 
.nav-tabs.tabs-left>li.active>a:hover {
	transition-duration: 500ms;
	transition-property: width, background;
	transition-timing-function: ease;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease
}
.nav-tabs.tabs-left>li>a:focus, 
.nav-tabs.tabs-left>li>a:hover {
	color: #333;
	border-color: transparent;
	background-color: #f5f6f7
}

.tab-content.tabs-left .tab-pane .container {
	width: 100%	
}
.tab-content.tabs-left .tab-pane>.container>.box {
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	margin-bottom: 20px;
	border-top: none;
	padding-bottom: 15px
}
.tab-content.tabs-left .tab-pane>.container>.box>.row {
	margin-right: 0;
	margin-left: 0
}
@media (max-width: 767px) {
	.tab-content.tabs-left .tab-pane .container {
	    padding-right: 0;
	    padding-left: 0
	}
	.tab-content.tabs-left .tab-pane .box.box-default {
	    width: auto;
	    margin-right: 15px;
	    margin-left: 15px
	}
}
@media (max-width: 1200px) {
	.nav-tabs.tabs-left {
	    white-space: nowrap;
	    overflow-x: auto;
	    overflow-y: hidden
	}
	.nav-tabs.tabs-left>li {
	    display: inline-block;
	    float: none
    }
    .col-xs-12.tabs-left-content, 
    .col-sm-12.tabs-left-content, 
    .col-md-2.tabs-left-content {
	    padding-right: 15px;
	    z-index: 50
    }
    .col-xs-12.tabs-right-content, 
    .col-sm-12.tabs-right-content, 
    .col-md-10.tabs-right-content {
	    padding-left: 15px;
	    z-index: 10
    }
    .nav-tabs.tabs-left>li>a {
        margin-bottom: 15px;
        border: none;
        border-radius: 6px
    }
    .nav-tabs.tabs-left>li.active>a, 
    .nav-tabs.tabs-left>li.active>a:focus, 
    .nav-tabs.tabs-left>li.active>a:hover {
	    color: #fff;
	    border: none;
		border-radius: 6px;
	    background-color: #0154a4
    }
    .nav-tabs.tabs-left>li>a {
        margin-right: 5px
    }
    .nav-tabs.tabs-left>li>a:focus, 
    .nav-tabs.tabs-left>li>a:hover {
        background-color: #f5f5f5
    }
}

/*tabs-left相关联样式*/
.tab-content.tabs-left .tab-pane .box .pro-name {
	background-color:#ddeeff; 
	height:60px
}
.tab-content.tabs-left .tab-pane .box .pro-name .proNumber {
	margin-top: 35px;
	font-size: 12px !important
}
.tab-content.tabs-left .tab-pane .box .pro-name h3 {
	font-size: 22px
}
.tab-content.tabs-left .tab-pane .box .pro-name .text-success {
	font-size: 16px
}
@media (max-width: 767px) {
	.tab-content.tabs-left .tab-pane .box .pro-name {
	    height: 80px
	}
	.tab-content.tabs-left .tab-pane .box .pro-name .proNumber {
	    margin-top: 5px
	}
	.tab-content.tabs-left .tab-pane .box .pro-name h3 {
	    margin-top: 10px
	}
	.tab-content.tabs-left .tab-pane .box .pro-name .text-success {
	    margin-top: 5px
	}
}

.tab-content.tabs-left .panel-group {
	margin-left: 15px;
	margin-right: 15px
}
.tab-content.tabs-left .panel-group>.panel>.panel-heading>.panel-title {transparent
	font-size: 14px
}
.tab-content.tabs-left .panel-group {
	margin-bottom: 10px
}
.tab-content.tabs-left ul.list-inline>li.lead {
	margin-bottom: 0
}


/*=====dl列表新增样式============================================================================*/
@media (min-width: 768px) {
	.dl-horizontal.dl-form dt, 
	.dl-form dt {
	    width: auto;
	    font-weight: 400;
	    text-align: left
	}
	.dl-horizontal.dl-form.pro-baseinfo dt {
	    width: 110px
	}
	.dl-horizontal.dl-form.pro-baseinfo dd {
	    margin-left: 120px
	}
}

@media (max-width: 767px) {
	.dl-horizontal.dl-form.pro-baseinfo {
	    margin-bottom :0
	}
	.dl-horizontal.dl-form dt, 
	.dl-form dt {
	    width: auto;
	    font-weight: 400;
	    text-align: left
	}
	.dl-horizontal.dl-form.pro-baseinfo dt {
	    width: 7rem;
	    float: left
	}
	.dl-horizontal.dl-form.pro-baseinfo dd {
	    margin-left: 7.5rem
	}
	
}
.dl-horizontal.dl-form dd, 
.dl-horizontal.dl-form dt, 
.dl-form dd, .dl-form dt {
	line-height: 2.5rem
}
.dl-form dt>i[class*="icon-"], 
.dl-form dt>i[class^="icon-"] {
	display: inline-block;
	margin-bottom: 0.5rem;
	margin-right: 1.0rem;
	font-size: 32px;
	color: #c0c1c3;
	vertical-align: middle
}
.dl-form>dd div.bg-info {
	border-radius: 3px;
	margin-top:10px
} 


/*=====panel-group 折叠样式=======================================================================*/
.panel-group>.panel>.panel-heading>h4.panel-title>a {
	text-decoration: none;
	color: #5f90de
}
.panel-group>.panel>.panel-heading>h4.panel-title>a:hover {
	color: #78a7ff
}
.panel-group>.panel.panel-proImg .panel-body {
	position:relative;
	min-height: 100px
}
.panel-group>.panel.panel-proImg .panel-body>.row {
	margin-left: 0;
	margin-right: 0
}
.panel-group>.panel.panel-proImg .panel-body a.carousel-control {
	width: auto;
	color: #333;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 140px
}
.panel-group>.panel.panel-proImg .thumbnail>img {
	width: 120px;
	height: 100px
}
.panel-group>.panel.panel-proImg .panel-body>.row>div>a.thumbnail {
	margin-bottom: 15px
}

/*====tabs-withbg 上部标签页新增样式=====================================================================*/
.tabs-withbg {}
.nav-tabs.tabs-withbg {}
.tab-content.tabs-withbg {}
.nav-tabs.tabs-withbg {
	margin: 0;
	border-bottom: none
}
.nav-tabs.tabs-withbg>li {text-align: center}
.nav-tabs.tabs-withbg>li>a {
	padding: 5px 15px;
	margin-left: 2px;
	background-color: transparent;
	text-decoration: none;
	border: none !important;
	border-radius: 500px !important
}
.nav-tabs.tabs-withbg>li>a:hover, 
.nav-tabs.tabs-withbg>li>a:active, 
.nav-tabs.tabs-withbg>li>a:focus {
	background-color: #dceeff;
	color: #333;
	text-decoration: none
}
.nav-tabs.tabs-withbg>li>a:hover, 
.nav-tabs.tabs-withbg>li>a:focus {
	transition-duration: 500ms;
	transition-property: width, background, border;
	transition-timing-function: ease;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: width, background, border;
	-webkit-transition-timing-function: ease
}
.nav-tabs.tabs-withbg>li.active>a, 
.nav-tabs.tabs-withbg>li.active>a:focus, 
.nav-tabs.tabs-withbg>li.active>a:hover {
	background-color: #78a7ff;
	color: #fff;
	text-decoration: none
}
.nav-tabs.tabs-withbg>li>a+i.tab-arrow {
	position: relative;
	top: -8px;
	font-size: 22px;
	color: transparent
}
.nav-tabs.tabs-withbg>li>a:hover+i.tab-arrow, 
.nav-tabs.tabs-withbg>li>a:focus+i.tab-arrow, 
.nav-tabs.tabs-withbg>li>a:active+i.tab-arrow {
	color: #dceeff
}
.nav-tabs.tabs-withbg>li.active>a+i.tab-arrow, 
.nav-tabs.tabs-withbg>li.active>a:hover+i.tab-arrow, 
.nav-tabs.tabs-withbg>li.active>a:focus+i.tab-arrow {
	color: #78a7ff;
}
.nav-tabs.tabs-withbg>li.active>a+i.tab-arrow, 
.nav-tabs.tabs-withbg>li.active>a:hover+i.tab-arrow, 
.nav-tabs.tabs-withbg>li.active>a:focus+i.tab-arrow, 
.nav-tabs.tabs-withbg>li>a:hover+i.tab-arrow, 
.nav-tabs.tabs-withbg>li>a:focus+i.tab-arrow, 
.nav-tabs.tabs-withbg>li>a:active+i.tab-arrow {
	transition-duration: 500ms;
	transition-property: width, color;
	transition-timing-function: ease;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: width, color;
	-webkit-transition-timing-function: ease
}

@media screen and (max-device-width: 480px) {
	.nav-tabs.tabs-withbg {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		padding-bottom: 10px
	}
	.nav-tabs.tabs-withbg>li {
		display: inline-block;
		float: none
	}
}


/*====zx-tabs 上部标签页新增样式=====================================================================*/
.zx-tabs {}
.nav-tabs.zx-tabs {}
.tab-content.zx-tabs {}
.nav-tabs.zx-tabs {
	margin-bottom: 20px;
	border-bottom: none
}
.nav-tabs.zx-tabs>li>a:hover, 
.nav-tabs.zx-tabs>li>a:active, 
.nav-tabs.zx-tabs>li>a:focus {
	color: #5f90de;
	text-decoration: none
}
.nav-tabs.zx-tabs>li.active>a, 
.nav-tabs.zx-tabs>li.active>a:focus, 
.nav-tabs.zx-tabs>li.active>a:hover {
	background-color: transparent;
	color: #333;
	text-decoration: none;
	border-bottom: 3px solid #78a7ff;
	border-top: none;
	border-left: none;
	border-right: none
}
.nav-tabs.zx-tabs>li>a {
	padding: 10px 25px;
	text-decoration: none;
	border-bottom: 3px solid transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0 !important
}
.nav-tabs.zx-tabs>li>a:hover, 
.nav-tabs.zx-tabs>li>a:active, 
.nav-tabs.zx-tabs>li>a:focus {
	background-color: #dceeff;
	color: #333;
	border-bottom: 3px solid transparent;
	border-top: none;
	border-left: none;
	border-right: none
}
.nav-tabs.zx-tabs>li>a:hover, 
.nav-tabs.zx-tabs>li>a:focus {
	transition-duration: 500ms;
	transition-property: width, background, border;
	transition-timing-function: ease;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: width, background, border;
	-webkit-transition-timing-function: ease
}

@media screen and (max-device-width: 480px) {
	.nav-tabs.zx-tabs {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		padding-bottom: 10px
	}
	.nav-tabs.zx-tabs>li {
		display: inline-block;
		float: none
	}
}


/*=====box 新增样式=================================================================*/
.box>.box-header>h5 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700
}
.box-noshadow {}
.box.box-noshadow {
	box-shadow: none
}
.box-group>.box.box-zxcollapse {
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb
}
.box-group>.box.box-zxcollapse>.box-header {
	border-left: 3px solid #78a7ff;
	background-color: #f2f4fa;
	padding: 10px 10px
}
.box-group>.box.box-zxcollapse>.box-header.with-border {
	border-bottom-color: #ebebeb
}


/*=====zx-pills 创建产品步骤样式===========================================================*/
.custom-wizard-pills.createStep .nav-pills.zx-pills {
	/*background-color: #f6f7fb*/
}
.custom-wizard-pills.createStep>.tab-content>.tab-pane {min-height: 600px}
@media (max-height: 850px) and (min-height:630px) {
	.custom-wizard-pills.createStep>.tab-content>.tab-pane {min-height: 420px}
}
@media (max-height: 629px) and (min-height:550px) {
	.custom-wizard-pills.createStep>.tab-content>.tab-pane {min-height: 330px}
}
.custom-wizard-pills.createStep .nav-pills>.vertical-line {
	display: block;
	position: absolute;
	top: 30px;
	bottom: 35px;
	left: 33px;
	width: 2px;
	margin: 15px 0 0 0;
	padding: 0 !important;
	background-color: #ddd;
	z-index: 0 !important
}
.custom-wizard-pills.createStep .nav-pills.zx-pills>li {
	float: none;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
	border-radius: 0;
	color: #a2a4a6;
	white-space: nowrap;
	z-index: 10
}
.custom-wizard-pills.createStep .nav-pills.zx-pills>li>a {
	border-top-color: transparent;
	background-color: transparent
}
.custom-wizard-pills.createStep .nav-pills.zx-pills>li>a>i.order {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	margin-left: 12px;
	border-radius: 2rem !important;
	line-height: 2rem
}
.custom-wizard-pills.createStep .nav-pills.zx-pills > li.active>a>i.order,
.custom-wizard-pills.createStep .nav-pills.zx-pills > li.active:focus>a>i.order,
.custom-wizard-pills.createStep .nav-pills.zx-pills > li.active:hover>a>i.order {
	width: 4rem;
	height: 4rem;
	margin-left: 0;
	border-radius: 4rem !important;
	line-height: 4rem;
	font-size: 28px
}
.custom-wizard-pills.createStep .nav-pills.zx-pills>li>a>label {
	width: auto;
	margin-left: 27px;
	margin-bottom: 0;
	font-size: 13px;
	color: #a2a4a6;
	font-weight: 500;
	white-space: nowrap;
	cursor: pointer
}
.custom-wizard-pills.createStep .nav-pills.zx-pills > li.active>a>label,
.custom-wizard-pills.createStep .nav-pills.zx-pills > li.active:focus>a>label,
.custom-wizard-pills.createStep .nav-pills.zx-pills > li.active:hover>a>label {
	margin-left: 50px;
	margin-top: 5px;
	font-size: 16px;
	color: #78a7ff
}
@media (max-width: 1199px) {
	.custom-wizard-pills.createStep .nav-pills.zx-pills {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    justify-content: space-between;
	    align-items: flex-end;
	    overflow-x: auto;
	    margin: -10px;
	    background-color: #f6f7fb;
	    border-bottom: 1px solid #cdd2de
	}	
	.custom-wizard-pills.createStep .nav-pills.zx-pills>li {
	    display: inline-block;
	    padding-left: 25px;
	    padding-right: 25px
	}
	.custom-wizard-pills.createStep .nav-pills.zx-pills>li>a {
	    display: block;
	    position: relative;
	    top: 0;
	    margin: 0 auto
	}
	.custom-wizard-pills.createStep .nav-pills.zx-pills>li>label {
	    margin: 10px 0 0 0
	}
	.custom-wizard-pills.createStep .nav-pills.zx-pills > li.active>a, 
	.custom-wizard-pills.createStep .nav-pills.zx-pills > li.active:focus>a, 
	.custom-wizard-pills.createStep .nav-pills.zx-pills > li.active:hover>a {
	    margin: 0 auto;
	    top: 0
	}
	.custom-wizard-pills.createStep .nav-pills>.vertical-line {
	   display: none!important
	}
}

/*@media (max-width: 1199px) {
	.custom-wizard-pills.createStep .nav-pills.zx-pills > li > a {
	    width: 4rem;
	    height: 4rem;
	    border-radius: 4rem !important;
	    line-height: 4rem
	}
	.custom-wizard-pills>ul.zx-pills>li>label {
	    line-height: 4rem;
	    font-size: 13px
	}
	.zx-pills.col-sm-3, .zx-pills.col-lg-2 {
	    padding-right: 0
	}
}
@media (min-width: 1200px) {
	.custom-wizard-pills.createStep .nav-pills.zx-pills > li > a {
	    float: left;
	    width: 6rem;
	    height: 6rem;
	    border-radius: 6rem !important;
	    line-height: 6rem
	}
	.custom-wizard-pills>ul.zx-pills>li>label {
	    float: none;
	    width: auto;
	    min-width: 110px;
	    padding-left: 5px;
	    line-height: 6rem;
	    font-size: 13px
	}
	.zx-pills.col-sm-3, .zx-pills.col-lg-2 {
	    padding-right: 0
	}
}*/

/*=====滚动条样式===============================================================================*/
.overflow-x {overflow-x: auto}
.overflow-y {overflow-y: auto}
.overflow {overflow: auto}
.overflow-x::-webkit-scrollbar, 
.overflow-y::-webkit-scrollbar, 
.overflow::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	/*background-color: rgba(255,255,255,0.15)*/
}
.overflow-x::-webkit-scrollbar-track, 
.overflow-y::-webkit-scrollbar-track, 
.overflow::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(87,92,97,0.3);
	border-radius: 100px;
	background-color: rgba(255,255,255,0.10)
}
.overflow-x::-webkit-scrollbar-thumb, 
.overflow-y::-webkit-scrollbar-thumb,
.overflow::-webkit-scrollbar-thumb {
	/*-webkit-box-shadow: inset 0 0 6px rgba(87,92,97,0.3);*/
	border-radius: 100px;
	background-color: rgba(87,92,97,0.35)
}

/*=====panel新增样式===================================================================*/
.panel.zx-panel {
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #e6e6e6
}
.panel.panel-transparent {
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none
}

/*=====timeline 时间轴新增样式===============================================================*/
.timeline>li>.fa.bg-gray, 
.timeline>li>.glyphicon.bg-gray, 
.timeline>li>.ion.bg-gray {
	background-color: #c0c1c3 !important;
	/*border-color: #dedfe0*/
	border-color: transparent
}
.timeline>li>.fa.bg-green, 
.timeline>li>.glyphicon.bg-green, 
.timeline>li>.ion.bg-green {
	background-color: #41be38 !important;
	/*border-color: #a0f699*/
	border-color: transparent
}
.timeline>li>.fa.bg-blue, 
.timeline>li>.glyphicon.bg-blue, 
.timeline>li>.ion.bg-blue {
	background-color: #78a7ff !important;
	/*border-color: #b6cefa*/
	border-color: transparent
}
.timeline>li>.fa.bg-red, 
.timeline>li>.glyphicon.bg-red, 
.timeline>li>.ion.bg-red {
	background-color: #ff3c00 !important;
	/*border-color: #faaca0*/
	border-color: transparent
}
.timeline>li>.point-name {	
	position: absolute;
	top: 30px;
	left: 5px;
	max-width: 5rem;
	word-break: break-all;
	word-wrap: break-word
}
.timeline>li>.point-name>span {
	font-size: 12px;
	color: #333
}
.timeline>li>.point-name.bg-gray {
	background-color: transparent !important
}
.timeline>li>.point-name.bg-gray>span {
	color: #a2a4a6
}
.timeline>li>.timeline-item>.timeline-header>.fa.text-blue.bg-gray {
	color: #c0c1c3 !important;
	background-color: transparent !important
}
.timeline>li>.timeline-item>.time>.fa.fa-clock-o.bg-gray {
	color: #c0c1c3 !important;
	background-color: transparent !important
}
.timeline>li>.timeline-item>.timeline-body {
    font-size: 12px
}
.timeline>li>.timeline-item>.timeline-body>.lead {
	color: #333;
	font-size: 15px;
	font-weight: 700
}
.timeline>li>.panel.panel-transparent {
	margin-left: 50px !important
}
.timeline>li>.bg-gray-trans {
	position:absolute; 
	top: -10px; 
	bottom: 0; 
	left: 70px; 
	right: 0; 
	border-radius: 4px; 
	background-color: rgba(132,147,173,.2); 
	z-index: 0
}
.timeline>li>.timeline-item {
	padding: 3px 0 10px 0;
	background-color:transparent; 
	box-shadow:none; 
	-webkid-box-shadow:none; 
	border-bottom:1px solid #ddd;
}
.timeline .timeline-header span>i.fa {color: #c0c1c3}
.timeline>li>.timeline-item>.time, 
.timeline>li>.timeline-item>.timeline-body {padding: 0 10px}

/*=====影响城市tab样式==============================================================*/
.nav-tabs-custom.effected-city {
	box-shadow: none;
	border-radius: 0
}
.nav-tabs-custom.effected-city>.nav-tabs {
	margin-bottom: 15px !important;
	border: none !important;
	border-radius: 0
}
.nav-tabs-custom.effected-city>.nav-tabs>li {
	border: none !important;
}
.nav-tabs-custom.effected-city>.nav-tabs>li>a {
	height: 3rem;
	color: #333 !important;
	text-decoration: none !important;
	border: none !important;
	border-radius: 1.5rem;
	background-color: transparent;
}
.nav-tabs-custom.effected-city>.nav-tabs>li>a:hover {
	text-decoration: none;
	background-color: #f5f5f5
}
.nav-tabs-custom.effected-city>.nav-tabs>li.active>a, 
.nav-tabs-custom.effected-city>.nav-tabs>li.active:hover>a,
.nav-tabs-custom.effected-city>.nav-tabs>li.active>a:hover {
	background-color: #daeeff;
	cursor: pointer
}
.nav-tabs-custom.effected-city>.tab-content.bg-light-blue {
	background-color: #daeeff !important;
	border-radius: 3px;
	color: #333 !important;
	clear: both
}
.nav-tabs-custom.effected-city>label.pull-left {
	line-height: 3rem
}
.nav-tabs-custom.effected-city>.effected-deadline>label {
	line-height: 3rem
}
.nav-tabs-custom.effected-city>.effected-deadline>.tab-pane>.form-group {
	margin-bottom: 0
}
.nav-tabs-custom.effected-city>.effected-deadline>.tab-pane>.form-group>label {
	margin-right: 10px;
	margin-left: 10px;
	line-height: 3rem
}

/*====box-group 折叠 =================================================*/
.zx-box-collapse {}
.box-group.zx-box-collapse>.box {
	margin-bottom: 0;
	box-shadow: none;
	border-top: 0;
	border-bottom: 1px solid #ddd
}
.box-group.zx-box-collapse>.box>.box-header .box-title {
	font-size: 14px;
	font-weight: 700
}
.box-group.zx-box-collapse>.box>.box-header .box-title>a {
	color: #5f90de;
	text-decoration: none !important;
	
}
.box-group.zx-box-collapse>.box>.box-header {
	border: none
}
.box-group.zx-box-collapse>.box>.box-body>.row.no-collapse>label {
	font-weight: 700
}

/*=====zx-login登录页样式================================================*/
.zx-login-page {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	background-image: url(../img/layout/login-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	overflow-y: hidden
}
.zx-login-page .login-box {
	display: flex;
    display: -webkit-flex;
    justify-content: center;
	width: auto;
	margin: 50vh auto 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}
.zx-login-page .login-box .login-logo {
	display: inline-block;
	width: 489px;
	margin: 25px -4px;
	padding: 0;
	background-color: rgba(0,23,50,.5)
}
.zx-login-page .login-box .login-logo>.pc-img img {
	margin: 40 auto
}
.zx-login-page .login-box .login-logo>.mobile-img {
	display: none
}
.zx-login-page .login-box .login-box-body {
	display: inline-block;
	width: 473px;
	margin: 0;
	padding: 58px
}

.zx-login-page .login-box .form-control {
	height: 76px;
	padding-left: 50px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #c0c1c3;
	font-size: 16px
}
.zx-login-page .login-box .fa {
	margin-top: 20px;
	margin-right: 10px;
	font-size: 32px;
	color: #a2a4a6
}
.zx-login-page .login-box .zxfont {
	margin-top: 20px;
	margin-right: 10px;
	font-size: 30px;
	color: #a2a4a6
}
.zx-login-page .login-box .btn-lg {
	margin-top: 45px;
	margin-bottom: 36px;
	padding: 12px 16px;
	font-size: 22px;
	box-shadow: 0 -2px 10px rgba(2,106,206,.5);
	-webkit-box-shadow: 0 2px 10px rgba(2,106,206,.5);
}
/*.zx-login-page .login-box .system-name.position-ab{
	top: 70px;
	right: 430px;
	background-color: #2b3953;
	padding: 80px 66px
}*/
.zx-login-page .login-box .system-name>p {
	display: block;
	margin: 0 auto;
	line-height: 4.0;
	color: #003472;
	font-size: 28px;
	text-align: center;
	white-space: nowrap
}
.login-box .login-box-body .form-control-feedback {
	left: 0;
	right: auto
}
.login-box .login-box-body .guohui {
	display: none
}

@media (max-width: 991px){
	.zx-login-page {
	    display: block;
		margin: 0;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: none;
		transform: none;
		-webkit-transform: none;
		overflow-y: auto
    }
	.zx-login-page .login-box {
		display: block;
		width: auto;
		margin: 0 auto;
		transform: none;
		-webkig-transform: none;
		
	}
	.zx-login-page .login-box .login-logo{
		display: block;
		width: auto;
		height: auto;
		margin: 0;
		background-color: #fff
	}
	.zx-login-page .login-box .login-logo>.pc-img {
		display: none
	}
	.zx-login-page .login-box .login-logo>.mobile-img {
		display: block
	}
	.zx-login-page .login-box .login-logo>.mobile-img>img {
		width: 100%;
		height: auto
	}
	.zx-login-page .login-box .login-box-body {
		display: block;
		width: auto;
		padding: 48px
	}
	.zx-login-page .login-box .form-control {
		height: 66px
	}
	.zx-login-page .login-box .system-name{
		display: none
	}
	.login-box .login-box-body .guohui {
		position: absolute
	}
	.login-box .login-box-body .guohui {
		display: block;
		bottom: 0;
		left: 0;
		right: 0;
		width: auto;
		margin: 0 auto;
		text-align: center
	}
	.login-box .login-box-body .guohui>img {
		width: 100%
	}
}
@media (min-width: 730px) {
	.login-box .login-box-body .guohui {
		position: relative
	}
}
@media screen and (max-device-width: 480px) {
	.zx-login-page {
		overflow-y: hidden
	}
}

/*=====页面头部右上角“用户信息”dropdown================================================*/
.dropdown-menu.zx-usermenu {
	background-color: #fff;
	margin-top: 1px !important;
	border-radius: 3px !important
}
a.logout.a-danger {
	font-size: 14px;
	font-weight: 500;
	
}

/**
 * 表格拖拽样式
 */
.rc-handle-container{
	position:relative;
}
.rc-handle{
	position:absolute;
	width:7px;
	cursor:e-resize !important;
	margin-left:-3px;
}
.text-overflow {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: auto;
    margin-right: auto;
}

/*=====alert警示框===========================================*/
.alert.alert-warning {
	color: #8a6d3b !important;
	background-color: #fff4d9 !important;
	border-color: #fae5cd !important
}


/*=====addOrEditMusic弹窗新增样式===========================================*/

































